@layer components {
  .ly-input{
    @apply inline-block box-border w-full px-3 py-1 leading-normal border border-gray-300 rounded outline-none;
  }
  .ly-input:hover{ 
    @apply border-teal-300 transition-colors duration-300
  }
  .ly-input:focus{
    @apply border-teal-300 shadow-outline-teal transition-colors duration-300
  }
} 